<?php
/**
 * Created by PhpStorm.
 * User: dreamy
 * Date: 2019-06-22
 * Time: 09:31
 */
use yii\helpers\Html;
?>

<?=Html::cssFile('@web/static/css/index.css')?>
<?=Html::jsFile('@web/static/js/jquery-3.4.1.min.js')?>
<?php echo $this->render('../public/ele.php')?>
<!--引入页面头部-->
<?php echo $this->render('../public/header.php')?>

<div class="clearfix"></div>
<div id="bannerTop" class="banner-wrap">
    <template>
        <el-carousel :autoplay="false" height="500px">
            <el-carousel-item>
                <div class="slide-item">
                    <a href="#">
                        <img src="https://res.sui.com/img/index/banner_01.jpg" alt="">
                    </a>
                </div>
            </el-carousel-item>
            <el-carousel-item>
                <div class="slide-item">
                    <a href="#">
                        <img src="https://res.sui.com/img/index/banner_02.jpg" alt="">
                    </a>
                </div>
            </el-carousel-item>
            <el-carousel-item>
                <div class="slide-item">
                    <a href="#">
                        <img src="https://res.sui.com/img/index/banner_03.jpg" alt="">
                    </a>
                </div>
            </el-carousel-item>
        </el-carousel>
    </template>
    <!-- 下载相关 -->
    <div class="container app-download-area" style="display: block;">
        <a class="app-download-btn" href="#" rel="nofollow">
        <i class="app-download-icon app-download-ios"></i>下载iOS </a>
        <a class="app-download-btn" rel="nofollow">
            <i class="app-download-icon app-download-android"></i>下载Android
        </a>
    </div>
</div>

<div style="margin-top: 40px;">
    <p style="text-align: center">
        首页部分
    </p>
</div>


<div style="height: 400px;"></div>
<!--引入页面尾部-->
<?php echo $this->render('../public/footer.php')?>

<script>
    new Vue({
        el: '#bannerTop',
        data: {

        }
    })
</script>
